let form = layui.form;
//---------------------请求数据列表
function rendCategory() {
  $.ajax({
    url:'/my/article/cates',
    success:function (res) {
      if (res.status === 0) {
        let str = template('tpl-category', res);
        $('tbody').html(str);
      }
    }
  })
}
rendCategory();

let addIndex;
//--------------------添加弹层事件
$('button:contains("添加类别")').on('click', function () {
  addIndex = layer.open({
    type: 1,
    title: '添加类别',
    content: $('#tpl-add').html(),
    area: ['500px', '250px']
});
});

$('body').on('submit','#add-form', function (e) {
  // 阻止默认事件
  e.preventDefault();
  $.ajax({
    type:'post',
    url:'/my/article/addcates',
    data:$(this).serialize(),
    success: function (res) {
      layer.msg(res.message);
      if (res.status === 0) {
        rendCategory();
        layer.close(addIndex());
      }
    }
  })
});

let compileIndex;
//--------------------编辑弹层事件
$('tbody').on('click', 'button:contains("编辑")', function () {
  let data = $(this).data();
  // console.log(data);
  compileIndex = layer.open({
    type: 1,
    title: '编辑类别',
    content: $('#tpl-edit').html(),
    area: ['500px', '250px'],
    success: function () {
      form.val('form-compile', data);
    }
});
});

$('body').on('submit','#edit-form', function (e) {
  e.preventDefault();
  $.ajax({
    type:'POST',
    url:'/my/article/updatecate',
    data:$(this).serialize(),
    success: function (res) {
      layer.msg(res.message);
      if (res.status === 0) {
        rendCategory();
        layer.close(compileIndex());
      }
    }
  })
})

// ----------------------删除事件
$('tbody').on('click', 'button:contains("删除")', function () {
  let id = $(this).data('id');
  layer.confirm('确定删除吗？', function (index) {
    $.ajax({
      url:'/my/article/deletecate/' + id,
      success: function (res) {
        layer.msg(res.message);
        if (res.status === 0) {
          rendCategory();
        }
      }
    })
  });
  layer.close(index);
});